<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
    <script src="../js/jquery-1.11.3.min.js"></script>
    <script src="../js/echarts/esl.js"></script>
    <script src="../js/echarts/echarts.js"></script>
</head>
<body>
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="chart1" style="height:100%;width:100%;"></div>
<!-- ECharts单文件引入 -->


<script type="text/javascript">
$(function() {

    // 路径配置
    require.config({
        paths: {
            echarts: '../js/echarts'
        }
    });

    require(
        [
            'echarts',
			'echarts/chart/bar',
            'echarts/chart/line' // 使用柱状图就加载bar模块，按需加载
        ],
        function(ec) {
            // 基于准备好的dom，初始化echarts图表
            var myChart = ec.init(document.getElementById('chart1'));
			
			option = {
                tooltip: {
                    trigger: 'axis',
                    formatter: function(params) {
                        return params[0].name + ' : ' + (params[2].value - params[1].value > 0 ? '+' : '-') + params[0].value + '<br/>' + params[2].seriesName + ' : ' + params[2].value + '<br/>' + params[3].seriesName + ' : ' + params[3].value + '<br/>'
                    }
                },
                legend: {
                    data: ['2015年', '2014年'],
                    selectedMode: false
                },
                xAxis: [{
                    type: 'category',
                    data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
                }],
                yAxis: [{
                    type: 'value',
					name: '数量(万次)'
                }],
                series: [{
                    name: '2015年',
                    type: 'line',
                    data: [2.3, 2.7, 4.5, 3.8, 2.4, 3.1, 3.4, 3.5, 4.2, 3.8, 4.1, 4.0]
                }, {
                    name: '2014年',
                    type: 'line',
                    symbol: 'none',
                    itemStyle: {
                        normal: {
                            lineStyle: {
                                width: 1,
                                type: 'dashed'
                            }
                        }
                    },
                    data: [3.2, 2.5, 2.8, 2.4, 3.4, 3.5, 5.3, 6.5, 4.3, 3.2, 3.7, 1.5]
                }, {
                    name: '召回数量2',
                    type: 'bar',
                    stack: '1',
                    barWidth: 6,
                    itemStyle: {
                        normal: {
                            color: 'rgba(0,0,0,0)'
                        },
                        emphasis: {
                            color: 'rgba(0,0,0,0)'
                        }
                    },
                    data: [3.2, 2.5, 2.8, 2.4, 3.4, 3.5, 5.3, 6.5, 4.3, 3.2, 3.7, 1.5]
                }, {
                    name: '变化',
                    type: 'bar',
                    stack: '1',
                    data: [
                        0.9, 0.2, {
                            value: 1.7,
                            itemStyle: {
                                normal: {
                                    color: 'red'
                                }
                            }
                        }, {
                            value: 1.4,
                            itemStyle: {
                                normal: {
                                    color: 'red'
                                }
                            }
                        }, 1.0, 0.4, 1.9, 3.0, 0.1, {
                            value: 0.6,
                            itemStyle: {
                                normal: {
                                    color: 'red'
                                }
                            }
                        },{
                            value: 0.4,
                            itemStyle: {
                                normal: {
                                    color: 'red'
                                }
                            }
                        }, {
                            value: 2.5,
                            itemStyle: {
                                normal: {
                                    color: 'red'
                                }
                            }
                        }
                    ]
                }]
            };
			
			
            // 为echarts对象加载数据 
            myChart.setOption(option);
			window.onresize = myChart.resize
        }
    );

})
</script>
</body>
</html>

